<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">

</style>

</head>
<body>

<?php include './inc/header.html'; ?>


<div class="wrap animated fadeIn" id="trainroom">
<div class="line1"></div>
<div class="school lh5 tc _bg_white dn">厦门大学</div>
<!-- Start 实训室 -->
<div class="sectionheader tc" name="trainroom">
    <div class="sectiontitle">实训室</div>
    <div class="sectionsubtitle _text_secondary ">实操出真知</div>
</div>
<div class="section clearfix limit-width">
    <div class="row">
       <?php for ($i=1;$i<10;$i++) { ?>
        <div class="col-xs-3">
                <a class="roomicon tc" href="./trainroom_detail.php">
                    <p class="navicon"><span class="ion-settings tran3"></span></p>
                    <p class="navtext">实训室<?php echo $i; ?>名称</p>
                </a>

        </div>
        <?php } ?>
    </div>
</div>

<!-- End 实训室 -->

<div class="line1"></div>
<!-- Start 在线专家-->

<div class="light-background" name="experts">
<div class="sectionheader  tc">
    <div class="sectiontitle">在线专家</div>
    <div class="sectionsubtitle _text_secondary ">24hours内实时在线反馈</div>
</div>

     <!-- 缩略图自定义内容 -->
    <div class="section clearfix limit-width">
        <div class="row">
            <div class="col-xs-12">
                
                <div id="experts" class="swiper-container">
                    <div class="swiper-wrapper">
                        <?php for ($i=1;$i<9;$i++) { ?>
                           <div class="swiper-slide">
                            <a class="tc" href="javascript:layer.msg('电话:138***?微信:****');">
                                <div class=" expertimg _bg_light" style="background-image:url(./../assets/img/staff<?php echo $i; ?>.jpg)">
                                </div>
                                <div class=" title">专家名字</div>
                                <div class=" subtitle">专家头衔</div>
                            </a>
                           </div>
                        <?php } ?>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>







<!-- End 在线专家 -->
<div class="line1"></div>

<!-- Start 快速报修-->
<div class="sectionheader  tc" name="repair">
    <div class="sectiontitle">快速报修</div>
    <div class="sectionsubtitle _text_secondary ">24hours内实时在线反馈</div>
</div>
<div class="line1"></div>

<div class="section clearfix limit-width">
    <div class="row">
        <div class="clo-xs-12">
            <a href="./repair_add.php" class="repair tc">
                <span class="gorepair ion-wrench"> 去报修</span>
            </a>
        </div>
    </div>
</div>




 <div class="line1"></div>
</div>   

<?php include './inc/footer.html'; ?>
</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){

  // 初始化专家轮播图
  var expertsSwiper = new Swiper ('#experts', {
        autoplay:3000,
        slidesPerView : 3.5,
        spaceBetween : 10

    } ) ;
})

</script>
</html>